/* #region 文档宽度优化 */
@media (min-width: 1440px) {
  :root {
    --vp-layout-max-width: 100%;
  }
  .VPNavBar .container {
    max-width: 100%;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1800px;
  }
}

@media (min-width: 2560px) {
  :root {
    --vp-layout-max-width: 90%;
  }
  .VPNavBar .container {
    max-width: 90%;
  }
}
.VPContent .VPDoc.has-aside .content-container {
  max-width: 100%;
}
/* #endregion */

/* #region dark/light radial transition */
::view-transition-old(root),
::view-transition-new(root) {
  animation: none;
  mix-blend-mode: normal;
}

::view-transition-old(root),
.dark::view-transition-new(root) {
  z-index: 1;
}

::view-transition-new(root),
.dark::view-transition-old(root) {
  z-index: 9999;
}
/* #endregion */

/* #region 其它优化 */
/* 导航栏 透明模糊特效 */
/* .ce-theme .VPNav .VPNavBar:not(.top) .content-body {
  background-image: radial-gradient(transparent 1px, var(--vp-nav-bg-color) 1px);
  background-size: 4px 4px;
  backdrop-filter: saturate(50%) blur(4px);
  -webkit-backdrop-filter: saturate(50%) blur(4px);
  background-color: transparent;
} */
/* #endregion */

/* #region 暗色模式优化 */
html.dark .docs-demo {
  --docs-demo-bg: var(--vp-c-bg-alt);
  --docs-demo-border-color: var(--vp-c-bg-alt);
}
html.dark .docs-demo-float-control {
  background-color: var(--vp-c-bg-soft);
}
html.dark .docs-demo-source-drawer {
  background-color: var(--vp-c-bg-soft);
}

/* mermaid暗色渲染优化 */
html.dark .messageText {
  color: rgba(255, 255, 255, 0.486) !important;
  fill: rgba(255, 255, 255, 0.801) !important;
}

html.dark .actor{
  color: rgba(0, 0, 0, 0.747) !important;
  fill: #5e5bff60 !important;
  background-color: #5c59ff !important;
}

html.dark .actor-line{
  stroke: hsla(259, 61%, 88%, 0.329) !important;
}

html.dark tspan {
  color: rgb(255, 255, 255) !important;
  fill: rgb(255, 255, 255) !important;
}

html.dark .loopText {
  color: rgb(255, 255, 255) !important;
  fill: rgb(255, 255, 255) !important;
}

html.dark .messageLine0 {
  stroke-width: 1.5;
  stroke-dasharray: none;
  stroke: #5c59ff !important;
}

html.dark .messageLine1 {
  stroke-width: 1.5;
  stroke-dasharray: none;
  stroke: #5c59ff9c !important;
}

html.dark .loopLine {
  stroke-width: 1.5;
  stroke-dasharray: none;
  stroke: #ddd7ff3d !important;
}

html.dark .labelBox {
  stroke: hsl(259.63deg 100% 77.98%) !important;
  fill: #6565cc !important;
}

html.dark .labelText {
  fill: black;
  /* stroke: none; */
}

.classDiagram {
 margin: 0 auto;
}

.mermaid {
  margin: 0 auto;
}
/* #endregion */

/* #region Transition 动画 */
.slide-enter-active,
.slide-leave-active {
  transition: all 0.2s ease-out;
}

.slide-enter-from,
.slide-leave-to {
  transform: translateX(100%);
  transform: translateX(100%);
}
/* #endregion */
